<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="${pageContext.request.contextPath}/css/common.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/css/goods.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/resources/shop/default/js/jquery.js"></script>
<script type="text/javascript" src="/resources/shop/default/js/jquery.tools.js"></script>
<script type="text/javascript" src="/resources/shop/default/js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="/resources/shop/default/js/jquery.validate.js"></script>
<script type="text/javascript" src="/resources/shop/default/js/common.js"></script>
<script type="text/javascript">
$().ready(function() {

	var $headerCart = $("#headerCart");
	var $historyGoods = $("#historyGoods");
	var $clearHistoryGoods = $("#historyGoods a.clear");
	var $zoom = $("#zoom");
	var $thumbnailScrollable = $("#thumbnailScrollable");
	var $thumbnail = $("#thumbnailScrollable a");
	var $dialogOverlay = $("#dialogOverlay");
	var $preview = $("#preview");
	var $previewClose = $("#preview a.close");
	var $previewScrollable = $("#previewScrollable");
	var $price = $("#price");
	var $marketPrice = $("#marketPrice");
	var $rewardPoint = $("#rewardPoint");
	var $exchangePoint = $("#exchangePoint");
	var $specification = $("#specification dl");
	var $specificationTips = $("#specification div");
	var $specificationValue = $("#specification a");
	var $productNotifyForm = $("#productNotifyForm");
	var $productNotify = $("#productNotify");
	var $productNotifyEmail = $("#productNotify input");
	var $addProductNotify = $("#addProductNotify");
	var $quantity = $("#quantity");
	var $increase = $("#increase");
	var $decrease = $("#decrease");
	var $addCart = $("#addCart");
	var $exchange = $("#exchange");
	var $addFavorite = $("#addFavorite");
	var $window = $(window);
	var $bar = $("#bar ul");
	var $introductionTab = $("#introductionTab");
	var $parameterTab = $("#parameterTab");
	var $reviewTab = $("#reviewTab");
	var $consultationTab = $("#consultationTab");
	var $introduction = $("#introduction");
	var $parameter = $("#parameter");
	var $review = $("#review");
	var $addReview = $("#addReview");
	var $consultation = $("#consultation");
	var $addConsultation = $("#addConsultation");
	var barTop = $bar.offset().top;
	var barWidth = $bar.width();
	var productId = 44;
	var productData = {};
	
	
	// 商品图片放大镜
	$zoom.jqzoom({
		zoomWidth: 368,
		zoomHeight: 368,
		title: false,
		preloadText: null,
		preloadImages: false
	});
	
	// 商品缩略图滚动
	$thumbnailScrollable.scrollable();
	
	$thumbnail.hover(function() {
		var $this = $(this);
		if ($this.hasClass("current")) {
			return false;
		}
		
		$thumbnail.removeClass("current");
		$this.addClass("current").click();
	});
	
	var previewScrollable = $previewScrollable.scrollable({
		keyboard: true
	});
	
	// 商品图片预览
	$zoom.click(function() {
		$preview.show().find("img[data-original]").each(function() {
			var $this = $(this);
			$this.attr("src", $this.attr("data-original")).removeAttr("data-original");
		});
		previewScrollable.data("scrollable").seekTo($thumbnail.filter(".current").index(), 0);
		$dialogOverlay.show();
		return false;
	});
	
	$previewClose.click(function() {
		$preview.hide();
		$dialogOverlay.hide();
	});
	
	// 规格值选择
	$specificationValue.click(function() {
		var $this = $(this);
		if ($this.hasClass("locked")) {
			return false;
		}
		
		$this.toggleClass("selected").parent().siblings().children("a").removeClass("selected");
		lockSpecificationValue();
		return false;
	});
	
	// 锁定规格值
	function lockSpecificationValue() {
		var currentSpecificationValueIds = $specification.map(function() {
			$selected = $(this).find("a.selected");
			return $selected.size() > 0 ? $selected.attr("val") : [null];
		}).get();
		$specification.each(function(i) {
			$(this).find("a").each(function(j) {
				var $this = $(this);
				var specificationValueIds = currentSpecificationValueIds.slice(0);
				specificationValueIds[i] = $this.attr("val");
				if (isValid(specificationValueIds)) {
					$this.removeClass("locked");
				} else {
					$this.addClass("locked");
				}
			});
		});
		var product = productData[currentSpecificationValueIds.join(",")];
		if (product != null) {
			productId = product.id;
			$price.text(currency(product.price, true));
			$marketPrice.text(currency(product.marketPrice, true));
			$rewardPoint.text(product.rewardPoint);
			$exchangePoint.text(product.exchangePoint);
			if (product.isOutOfStock) {
				if ($addProductNotify.val() == "确定登记") {
					$productNotify.show();
				}
				$addProductNotify.show();
				$quantity.closest("dl").hide();
				$addCart.hide();
				$exchange.hide();
			} else {
				$productNotify.hide();
				$addProductNotify.hide();
				$quantity.closest("dl").show();
				$addCart.show();
				$exchange.show();
			}
		} else {
			productId = null;
		}
	}
	
	// 判断规格值ID是否有效
	function isValid(specificationValueIds) {
		for(var key in productData) {
			var ids = key.split(",");
			if (match(specificationValueIds, ids)) {
				return true;
			}
		}
		return false;
	}
	
	// 判断数组是否配比
	function match(array1, array2) {
		if (array1.length != array2.length) {
			return false;
		}
		for(var i = 0; i < array1.length; i ++) {
			if (array1[i] != null && array2[i] != null && array1[i] != array2[i]) {
				return false;
			}
		}
		return true;
	}
	
	// 到货通知
	$addProductNotify.click(function() {
		if (productId == null) {
			$specificationTips.fadeIn(150).fadeOut(150).fadeIn(150);
			return false;
		}
		if ($addProductNotify.val() == "到货通知我") {
			$addProductNotify.val("确定登记");
			$productNotify.show();
			$productNotifyEmail.focus();
			if ($.trim($productNotifyEmail.val()) == "") {
				$.ajax({
					url: "/product_notify/email.jhtml",
					type: "GET",
					dataType: "json",
					cache: false,
					success: function(data) {
						$productNotifyEmail.val(data.email);
					}
				});
			}
		} else {
			$productNotifyForm.submit();
		}
		return false;
	});
	
	// 到货通知表单验证
	$productNotifyForm.validate({
		rules: {
			email: {
				required: true,
				email: true
			}
		},
		submitHandler: function(form) {
			$.ajax({
				url: "/product_notify/save.jhtml",
				type: "POST",
				data: {productId: productId, email: $productNotifyEmail.val()},
				dataType: "json",
				cache: false,
				beforeSend: function() {
					$addProductNotify.prop("disabled", true);
				},
				success: function(data) {
					if (data.message.type == "success") {
						$addProductNotify.val("到货通知我");
						$productNotify.hide();
					}
					$.message(data.message);
				},
				complete: function() {
					$addProductNotify.prop("disabled", false);
				}
			});
		}
	});
	
	// 购买数量
	$quantity.keypress(function(event) {
		return (event.which >= 48 && event.which <= 57) || event.which == 8;
	});
	
	// 增加购买数量
	$increase.click(function() {
		var quantity = $quantity.val();
		if (/^\d*[1-9]\d*$/.test(quantity)) {
			$quantity.val(parseInt(quantity) + 1);
		} else {
			$quantity.val(1);
		}
	});
	
	// 减少购买数量
	$decrease.click(function() {
		var quantity = $quantity.val();
		if (/^\d*[1-9]\d*$/.test(quantity) && parseInt(quantity) > 1) {
			$quantity.val(parseInt(quantity) - 1);
		} else {
			$quantity.val(1);
		}
	});
	
		// 加入购物车
		$addCart.click(function() {
			if (productId == null) {
				$specificationTips.fadeIn(150).fadeOut(150).fadeIn(150);
				return false;
			}
			var quantity = $quantity.val();
			if (/^\d*[1-9]\d*$/.test(quantity)) {
				$.ajax({
					url: "/cart/add.jhtml",
					type: "POST",
					data: {productId: productId, quantity: quantity},
					dataType: "json",
					cache: false,
					success: function(message) {
						if (message.type == "success" && $headerCart.size() > 0 && window.XMLHttpRequest) {
							var $image = $zoom.find("img");
							var cartOffset = $headerCart.offset();
							var imageOffset = $image.offset();
							$image.clone().css({
								width: 300,
								height: 300,
								position: "absolute",
								"z-index": 20,
								top: imageOffset.top,
								left: imageOffset.left,
								opacity: 0.8,
								border: "1px solid #dddddd",
								"background-color": "#eeeeee"
							}).appendTo("body").animate({
								width: 30,
								height: 30,
								top: cartOffset.top,
								left: cartOffset.left,
								opacity: 0.2
							}, 1000, function() {
								$(this).remove();
							});
						}
						$.message(message);
					}
				});
			} else {
				$.message("warn", "购买数量必须为正整数");
			}
		});
	
	// 添加商品收藏
	$addFavorite.click(function() {
		$.ajax({
			url: "/member/favorite/add.jhtml",
			type: "POST",
			data: {goodsId: 27},
			dataType: "json",
			cache: false,
			success: function(message) {
				$.message(message);
			}
		});
		return false;
	});
	
	$bar.width(barWidth);
	
	$window.scroll(function() {
		var scrollTop = $(this).scrollTop();
		if (scrollTop > barTop) {
			$bar.addClass("fixed");
			var introductionTop = $introduction.size() > 0 ? $introduction.offset().top - 36 : null;
			var parameterTop = $parameter.size() > 0 ? $parameter.offset().top - 36 : null;
			var reviewTop = $review.size() > 0 ? $review.offset().top - 36 : null;
			var consultationTop = $consultation.size() > 0 ? $consultation.offset().top - 36 : null;
			if (consultationTop != null && scrollTop >= consultationTop) {
				$bar.find("li").removeClass("current");
				$consultationTab.addClass("current");
			} else if (reviewTop != null && scrollTop >= reviewTop) {
				$bar.find("li").removeClass("current");
				$reviewTab.addClass("current");
			} else if (parameterTop != null && scrollTop >= parameterTop) {
				$bar.find("li").removeClass("current");
				$parameterTab.addClass("current");
			} else if (introductionTop != null && scrollTop >= introductionTop) {
				$bar.find("li").removeClass("current");
				$introductionTab.addClass("current");
			}
		} else {
			$bar.removeClass("fixed").find("li").removeClass("current");
		}
	});
	
		// 发表商品评论
		$addReview.click(function() {
			if ($.checkLogin()) {
				return true;
			} else {
				$.redirectLogin("/review/add/27.jhtml", "必须登录后才能发表商品评论");
				return false;
			}
		});
	
		// 发表商品咨询
		$addConsultation.click(function() {
			if ($.checkLogin()) {
				return true;
			} else {
				$.redirectLogin("/consultation/add/27.jhtml", "必须登录后才能发表商品咨询");
				return false;
			}
		});
	
	// 浏览记录
	var historyGoods = getCookie("historyGoods");
	var historyGoodsIds = historyGoods != null ? historyGoods.split(",") : [];
	for (var i = 0; i < historyGoodsIds.length; i ++) {
		if (historyGoodsIds[i] == 27) {
			historyGoodsIds.splice(i, 1);
			break;
		}
	}
	historyGoodsIds.unshift(27);
	if (historyGoodsIds.length > 6) {
		historyGoodsIds.pop();
	}
	addCookie("historyGoods", historyGoodsIds.join(","));
	$.ajax({
		url: "/goods/history.jhtml",
		type: "GET",
		data: {goodsIds: historyGoodsIds},
		dataType: "json",
		cache: true,
		success: function(data) {
			$.each(data, function (i, item) {
				var thumbnail = item.thumbnail != null ? item.thumbnail : "/upload/image/default_thumbnail.jpg";
				$historyGoods.find("dt").after(
'<dd> <img src="' + escapeHtml(thumbnail) + '" \/> <a href="' + escapeHtml(item.url) + '" title="' + escapeHtml(item.name) + '">' + escapeHtml(abbreviate(item.name, 30)) + '<\/a> <strong>' + currency(item.price, true) + '<\/strong> <\/dd>'				);
			});
		}
	});
	
	// 清空浏览记录
	$clearHistoryGoods.click(function() {
		$historyGoods.remove();
		removeCookie("historyGoods");
	});
	
	// 点击数
	$.ajax({
		url: "/goods/hits/27.jhtml",
		type: "GET",
		cache: true
	});

});
</script>
</head>
<body>
	<div id="dialogOverlay" class="dialogOverlay"></div>
<script type="text/javascript">
$().ready(function() {

	var $headerName = $("#headerName");
	var $headerLogin = $("#headerLogin");
	var $headerRegister = $("#headerRegister");
	var $headerLogout = $("#headerLogout");
	var $goodsSearchForm = $("#goodsSearchForm");
	var $keyword = $("#goodsSearchForm input");
	var defaultKeyword = "商品搜索";
	
	var username = getCookie("username");
	var nickname = getCookie("nickname");
	if ($.trim(nickname) != "") {
		$headerName.text(nickname).show();
		$headerLogout.show();
	} else if ($.trim(username) != "") {
		$headerName.text(username).show();
		$headerLogout.show();
	} else {
		$headerLogin.show();
		$headerRegister.show();
	}
	
	$keyword.focus(function() {
		if ($.trim($keyword.val()) == defaultKeyword) {
			$keyword.val("");
		}
	});
	
	$keyword.blur(function() {
		if ($.trim($keyword.val()) == "") {
			$keyword.val(defaultKeyword);
		}
	});
	
	$goodsSearchForm.submit(function() {
		if ($.trim($keyword.val()) == "" || $keyword.val() == defaultKeyword) {
			return false;
		}
	});

});

 
/*热门查询*/
function hotSearch(keyword){
    var $goodsSearchForm = $("#goodsSearchForm");
	var $keyword = $("#goodsSearchForm input");
	$keyword.val(keyword);
	$goodsSearchForm.submit();
}

</script>
<div class="header">
	<div class="top">
		<div class="topNav">
			<ul class="left">
				<li>
					<span>您好，欢迎来到jfinalshop购物商城</span>
					<span id="headerName" class="headerName">&nbsp;</span>
				</li>
				<li id="headerLogin" class="headerLogin">
					<a href="/login.jhtml">登录</a>|
				</li>
				<li id="headerRegister" class="headerRegister">
					<a href="/register.jhtml">注册</a>
				</li>
				<li id="headerLogout" class="headerLogout">
					<a href="/logout.jhtml">[退出]</a>
				</li>
			</ul>
			<ul class="right">
						<li>
							<a href="/member/index.jhtml">会员中心</a>|
						</li>
						<li>
							<a href="/article/list/3.jhtml">帮助中心</a>|
						</li>
						<li>
							<a href="/goods/list/241.jhtml">积分商城</a>|
						</li>
				<li id="headerCart" class="headerCart">
					<a href="/cart/list.jhtml">购物车</a>
					(<em></em>)
				</li>
			</ul>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="span3">
				<a href="/">
					<img src="/upload/image/logo.gif" alt="jfinalshop购物商城" />
				</a>
			</div>
			<div class="span6">
				<div class="search">
					<form id="goodsSearchForm" action="/goods/search.jhtml" method="post">
						<input name="keyword" class="keyword" value="商品搜索" autocomplete="off" x-webkit-speech="x-webkit-speech" x-webkit-grammar="builtin:search" maxlength="30" />
						<button type="submit">&nbsp;</button>
					</form>
				</div>
				<div class="hotSearch">
						热门搜索:
							<a href="javascript:void(0);" onclick="hotSearch('苹果');">苹果</a>
							<a href="javascript:void(0);" onclick="hotSearch('三星');">三星</a>
							<a href="javascript:void(0);" onclick="hotSearch('索尼');">索尼</a>
							<a href="javascript:void(0);" onclick="hotSearch('华为');">华为</a>
							<a href="javascript:void(0);" onclick="hotSearch('魅族');">魅族</a>
							<a href="javascript:void(0);" onclick="hotSearch('佳能');">佳能</a>
							<a href="javascript:void(0);" onclick="hotSearch('华硕');">华硕</a>
							<a href="javascript:void(0);" onclick="hotSearch('美的');">美的</a>
							<a href="javascript:void(0);" onclick="hotSearch('格力');">格力</a>
				</div>
			</div>
			<div class="span3">
				<div class="phone">
					<em>服务电话</em>
					+888-8888888
				</div>
			</div>
		</div>
		<div class="row">
			<div class="span12">
				<dl class="mainNav">
					<dt>
						<a href="/product_category.jhtml">所有商品分类</a>
					</dt>
							<dd>
								<a href="/">首页</a>
							</dd>
							<dd>
								<a href="/goods/list/1.jhtml">手机数码</a>
							</dd>
							<dd>
								<a href="/goods/list/2.jhtml">电脑办公</a>
							</dd>
							<dd>
								<a href="/goods/list/3.jhtml">家用电器</a>
							</dd>
							<dd>
								<a href="/goods/list/4.jhtml">服装鞋靴</a>
							</dd>
							<dd>
								<a href="/goods/list/5.jhtml">化妆护理</a>
							</dd>
				</dl>
			</div>
		</div>
	</div>
</div>
	<div class="container goodsContent">
		<div class="row">
			<div class="span2">
	<div class="hotProductCategory">
			<dl class="odd clearfix">
				<dt>
					<a href="/goods/list/1.jhtml">手机数码</a>
				</dt>
						<dd>
							<a href="/goods/list/7.jhtml">手机通讯</a>
						</dd>
						<dd>
							<a href="/goods/list/8.jhtml">手机配件</a>
						</dd>
						<dd>
							<a href="/goods/list/9.jhtml">摄影摄像</a>
						</dd>
						<dd>
							<a href="/goods/list/10.jhtml">数码配件</a>
						</dd>
			</dl>
			<dl class="even clearfix">
				<dt>
					<a href="/goods/list/2.jhtml">电脑办公</a>
				</dt>
						<dd>
							<a href="/goods/list/14.jhtml">电脑整机</a>
						</dd>
						<dd>
							<a href="/goods/list/15.jhtml">电脑配件</a>
						</dd>
						<dd>
							<a href="/goods/list/16.jhtml">电脑外设</a>
						</dd>
						<dd>
							<a href="/goods/list/17.jhtml">网络设备</a>
						</dd>
			</dl>
			<dl class="odd clearfix">
				<dt>
					<a href="/goods/list/3.jhtml">家用电器</a>
				</dt>
						<dd>
							<a href="/goods/list/21.jhtml">生活电器</a>
						</dd>
						<dd>
							<a href="/goods/list/22.jhtml">厨卫电器</a>
						</dd>
						<dd>
							<a href="/goods/list/23.jhtml">个护健康</a>
						</dd>
						<dd>
							<a href="/goods/list/24.jhtml">五金家装</a>
						</dd>
			</dl>
			<dl class="even clearfix">
				<dt>
					<a href="/goods/list/4.jhtml">服装鞋靴</a>
				</dt>
						<dd>
							<a href="/goods/list/26.jhtml">品质男装</a>
						</dd>
						<dd>
							<a href="/goods/list/27.jhtml">时尚女装</a>
						</dd>
						<dd>
							<a href="/goods/list/28.jhtml">精品内衣</a>
						</dd>
						<dd>
							<a href="/goods/list/29.jhtml">精品男鞋</a>
						</dd>
			</dl>
			<dl class="odd clearfix">
				<dt>
					<a href="/goods/list/5.jhtml">化妆护理</a>
				</dt>
						<dd>
							<a href="/goods/list/31.jhtml">面部护肤</a>
						</dd>
						<dd>
							<a href="/goods/list/32.jhtml">身体护肤</a>
						</dd>
						<dd>
							<a href="/goods/list/33.jhtml">口腔护理</a>
						</dd>
						<dd>
							<a href="/goods/list/34.jhtml">洗发护发</a>
						</dd>
			</dl>
			<dl class="even clearfix">
				<dt>
					<a href="/goods/list/6.jhtml">家居家装</a>
				</dt>
						<dd>
							<a href="/goods/list/36.jhtml">家纺布艺</a>
						</dd>
						<dd>
							<a href="/goods/list/37.jhtml">家居照明</a>
						</dd>
						<dd>
							<a href="/goods/list/38.jhtml">家装建材</a>
						</dd>
						<dd>
							<a href="/goods/list/39.jhtml">生活日用</a>
						</dd>
			</dl>
	</div>
		<div class="hotGoods">
			<dl>
				<dt>热销商品</dt>
					<dd>
						<a href="http://demo.jfinalshop.com/goods/content/201510/26.html">
							<img src="/4.0/201501/0eb9dcf8-57fe-499a-aa59-73bfb8f4c1cb-thumbnail.jpg" alt="苹果 MacBook Air MD711CH" />
							<span title="苹果 MacBook Air MD711CH">苹果 MacBook Air MD711CH</span>
						</a>
						<strong>
							￥5800.00
								<del>￥6960.00</del>
						</strong>
					</dd>
					<dd>
						<a href="http://demo.jfinalshop.com/goods/content/201510/27.html">
							<img src="/4.0/201501/ee8f0d59-a38f-4e7b-8972-53a4f0349d24-thumbnail.jpg" alt="苹果 MacBook Pro MGXA2CH" />
							<span title="苹果 MacBook Pro MGXA2CH">苹果 MacBook Pro MGXA2CH</span>
						</a>
						<strong>
							￥13800.00
								<del>￥16560.00</del>
						</strong>
					</dd>
					<dd>
						<a href="http://demo.jfinalshop.com/goods/content/201510/28.html">
							<img src="/4.0/201501/9da8b878-da95-4d48-9f0b-c6562dd8793a-thumbnail.jpg" alt="华硕 TP500LN" />
							<span title="华硕 TP500LN">华硕 TP500LN</span>
						</a>
						<strong>
							￥6800.00
								<del>￥8160.00</del>
						</strong>
					</dd>
			</dl>
		</div>
<div id="historyGoods" class="historyGoods">
	<dl>
		<dt>最近浏览过的</dt>
		<dd>
			<a href="javascript:;" class="clear">清除历史记录</a>
		</dd>
	</dl>
</div>
			</div>
			<div class="span10">
				<div class="breadcrumb">
					<ul>
						<li>
							<a href="/">首页</a>
						</li>
								<li>
									<a href="/goods/list/2.jhtml">电脑办公</a>
								</li>
								<li>
									<a href="/goods/list/14.jhtml">电脑整机</a>
								</li>
						<li>
							<a href="/goods/list/79.jhtml">笔记本</a>
						</li>
					</ul>
				</div>
				<div class="productImage">
						<a href="/4.0/201501/ee8f0d59-a38f-4e7b-8972-53a4f0349d24-large.jpg" id="zoom" rel="gallery">
							<img class="medium" src="/4.0/201501/ee8f0d59-a38f-4e7b-8972-53a4f0349d24-medium.jpg" />
						</a>
					<a href="javascript:;" class="prev">&nbsp;</a>
					<div id="thumbnailScrollable" class="scrollable">
						<div class="items">
									<a class="current" href="javascript:;" rel="{gallery: 'gallery', smallimage: '/4.0/201501/ee8f0d59-a38f-4e7b-8972-53a4f0349d24-medium.jpg', largeimage: '/4.0/201501/ee8f0d59-a38f-4e7b-8972-53a4f0349d24-large.jpg'}">
										<img src="/4.0/201501/ee8f0d59-a38f-4e7b-8972-53a4f0349d24-thumbnail.jpg" title="" />
									</a>
									<a href="javascript:;" rel="{gallery: 'gallery', smallimage: '/4.0/201501/1c0123f6-8cf7-49a7-a971-fbf45750e4d7-medium.jpg', largeimage: '/4.0/201501/1c0123f6-8cf7-49a7-a971-fbf45750e4d7-large.jpg'}">
										<img src="/4.0/201501/1c0123f6-8cf7-49a7-a971-fbf45750e4d7-thumbnail.jpg" title="" />
									</a>
						</div>
					</div>
					<a href="javascript:;" class="next">&nbsp;</a>
				</div>
				<div id="preview" class="preview">
					<a href="javascript:;" class="close">&nbsp;</a>
					<a href="javascript:;" class="prev">&nbsp;</a>
					<div id="previewScrollable" class="scrollable">
						<div class="items">
									<img src="/upload/image/blank.gif" data-original="/4.0/201501/ee8f0d59-a38f-4e7b-8972-53a4f0349d24-large.jpg" title="" />
									<img src="/upload/image/blank.gif" data-original="/4.0/201501/1c0123f6-8cf7-49a7-a971-fbf45750e4d7-large.jpg" title="" />
						</div>
					</div>
					<a href="javascript:;" class="next">&nbsp;</a>
				</div>
				<div class="info">
					<h1>
						苹果 MacBook Pro MGXA2CH
							<em>绚丽夺目，超强性能表现</em>
					</h1>
					<dl>
						<dt>编号:</dt>
						<dd>
							20150101127
						</dd>
					</dl>
						<dl>
							<dt>销售价:</dt>
							<dd>
								<strong id="price">￥13800.00</strong>
							</dd>
								<dd>
									<span>
										(<em>市场价:</em>
										<del id="marketPrice">￥16560.00</del>)
									</span>
								</dd>
						</dl>
							<dl>
								<dt>赠送积分:</dt>
								<dd id="rewardPoint">
									13800
								</dd>
							</dl>
				</div>
					<div class="action">
						<form id="productNotifyForm" action="/product_notify/save.jhtml" method="post">
							<dl id="productNotify" class="productNotify hidden">
								<dt>您的E-mail:</dt>
								<dd>
									<input type="text" name="email" maxlength="200" />
								</dd>
							</dl>
						</form>
						<dl class="quantity">
							<dt>数量:</dt>
							<dd>
								<input type="text" id="quantity" name="quantity" value="1" maxlength="4" onpaste="return false;" />
								<div>
									<span id="increase" class="increase">&nbsp;</span>
									<span id="decrease" class="decrease">&nbsp;</span>
								</div>
							</dd>
							<dd>
								台
							</dd>
						</dl>
						<div class="buy">
							<input type="button" id="addProductNotify" class="addProductNotify hidden" value="到货通知我" />
								<input type="button" id="addCart" class="addCart" value="加入购物车" />
							<a href="javascript:;" id="addFavorite">收藏</a>
						</div>
					</div>
				<div class="share">
					<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
						<a class="bds_qzone"></a>
						<a class="bds_tsina"></a>
						<a class="bds_tqq"></a>
						<a class="bds_renren"></a>
						<a class="bds_t163"></a>
						<span class="bds_more"></span>
						<a class="shareCount"></a>
					</div>
				</div>
				<div id="bar" class="bar">
					<ul>
							<li id="introductionTab">
								<a href="#introduction">商品介绍</a>
							</li>
							<li id="parameterTab">
								<a href="#parameter">商品参数</a>
							</li>
							<li id="reviewTab">
								<a href="#review">商品评论</a>
							</li>
							<li id="consultationTab">
								<a href="#consultation">商品咨询</a>
							</li>
					</ul>
				</div>
					<div id="introduction" name="introduction" class="introduction">
						<div class="title">
							<strong>商品介绍</strong>
						</div>
							<div><p><img src="/4.0/201501/e71742ca-8596-4247-8624-0b1de6c24e3a.png"/></p></div>
					</div>
					<div id="parameter" name="parameter" class="parameter">
						<div class="title">
							<strong>商品参数</strong>
						</div>
						<table>
								<tr>
									<th class="group" colspan="2">显示</th>
								</tr>
									<tr>
										<th>屏幕尺寸</th>
										<td>15.4英寸</td>
									</tr>
									<tr>
										<th>显示比例</th>
										<td>16:10</td>
									</tr>
									<tr>
										<th>屏幕类型</th>
										<td>LED</td>
									</tr>
									<tr>
										<th>分辨率</th>
										<td>2880 x 1800</td>
									</tr>
								<tr>
									<th class="group" colspan="2">CPU</th>
								</tr>
									<tr>
										<th>CPU类型</th>
										<td>Intel Core i7</td>
									</tr>
									<tr>
										<th>CPU频率</th>
										<td>2.2GHz</td>
									</tr>
									<tr>
										<th>CPU缓存</th>
										<td>6MB</td>
									</tr>
								<tr>
									<th class="group" colspan="2">内存</th>
								</tr>
									<tr>
										<th>内存容量</th>
										<td>16GB</td>
									</tr>
									<tr>
										<th>内存类型</th>
										<td>DDR3 1600</td>
									</tr>
									<tr>
										<th>最大支持容量</th>
										<td>16GB</td>
									</tr>
						</table>
					</div>
					<div id="review" name="review" class="review">
						<div class="title">商品评论</div>
						<div class="content clearfix">
								<p>
									暂无商品评论信息 <a href="/review/add/27.jhtml" id="addReview">[发表商品评论]</a>
								</p>
						</div>
					</div>
					<div id="consultation" name="consultation" class="consultation">
						<div class="title">商品咨询</div>
						<div class="content">
									<p>
										暂无商品咨询信息 <a href="/consultation/add/27.jhtml" id="addConsultation">[发表商品咨询]</a>
									</p>
						</div>
					</div>
			</div>
		</div>
	</div>
<div class="footer">
	<div class="service clearfix">
		<dl>
			<dt class="icon1">新手指南</dt>
			<dd>
				<a href="#">购物流程</a>
			</dd>
			<dd>
				<a href="#">会员注册</a>
			</dd>
			<dd>
				<a href="#">购买宝贝</a>
			</dd>
			<dd>
				<a href="#">支付货款</a>
			</dd>
			<dd>
				<a href="#">用户协议</a>
			</dd>
		</dl>
		<dl>
			<dt class="icon2">特色服务</dt>
			<dd>
				<a href="#">购物流程</a>
			</dd>
			<dd>
				<a href="#">会员注册</a>
			</dd>
			<dd>
				<a href="#">购买宝贝</a>
			</dd>
			<dd>
				<a href="#">支付货款</a>
			</dd>
			<dd>
				<a href="#">用户协议</a>
			</dd>
		</dl>
		<dl>
			<dt class="icon3">支付方式</dt>
			<dd>
				<a href="#">购物流程</a>
			</dd>
			<dd>
				<a href="#">会员注册</a>
			</dd>
			<dd>
				<a href="#">购买宝贝</a>
			</dd>
			<dd>
				<a href="#">支付货款</a>
			</dd>
			<dd>
				<a href="#">用户协议</a>
			</dd>
		</dl>
		<dl>
			<dt class="icon4">配送方式</dt>
			<dd>
				<a href="#">购物流程</a>
			</dd>
			<dd>
				<a href="#">会员注册</a>
			</dd>
			<dd>
				<a href="#">购买宝贝</a>
			</dd>
			<dd>
				<a href="#">支付货款</a>
			</dd>
			<dd>
				<a href="#">用户协议</a>
			</dd>
		</dl>
		<div class="qrCode">
			<img src="/resources/shop/default/images/qr_code.gif" alt="官方微信" />
			官方微信
		</div>
	</div>
	<div class="bottom">
		<div class="bottomNav">
			<ul>
						<li>
							<a href="#">关于我们</a>
							|
						</li>
						<li>
							<a href="#">联系我们</a>
							|
						</li>
						<li>
							<a href="#">诚聘英才</a>
							|
						</li>
						<li>
							<a href="#">隐私政策</a>
							|
						</li>
						<li>
							<a href="#">法律声明</a>
							|
						</li>
						<li>
							<a href="#">客户服务</a>
							|
						</li>
						<li>
							<a href="/friend_link.jhtml">友情链接</a>
							
						</li>
			</ul>
		</div>
		<div class="info">
			<p>京ICP备10000000号</p>
			<p>Copyright © 2005-2015 jfinalshop购物商城 版权所有</p>
				<ul>
						<li>
							<a href="http://www.shopxx.net" target="_blank">
								<img src="/4.0/201501/1c675feb-e488-4fd5-a186-b28bb6de445a.gif" alt="SHOP++" />
							</a>
						</li>
						<li>
							<a href="http://www.alipay.com" target="_blank">
								<img src="/4.0/201501/ae13eddc-25ac-427a-875d-d1799d751076.gif" alt="支付宝" />
							</a>
						</li>
						<li>
							<a href="http://www.tenpay.com" target="_blank">
								<img src="/4.0/201501/adaa9ac5-9994-4aa3-a336-b65613c85d50.gif" alt="财付通" />
							</a>
						</li>
						<li>
							<a href="https://www.95516.com" target="_blank">
								<img src="/4.0/201501/41c18c8d-f69a-49fe-ace3-f16c2eb07983.gif" alt="中国银联" />
							</a>
						</li>
						<li>
							<a href="http://www.kuaidi100.com" target="_blank">
								<img src="/4.0/201501/ea46ca0a-e8f0-4e2c-938a-5cb19a07cb9a.gif" alt="快递100" />
							</a>
						</li>
						<li>
							<a href="http://www.cnzz.com" target="_blank">
								<img src="/4.0/201501/e12f226b-07f9-4895-bcc2-78dbe551964b.gif" alt="站长统计" />
							</a>
						</li>
						<li>
							<a href="http://down.admin5.com" target="_blank">
								<img src="/4.0/201501/fd9d6268-e4e2-41f6-856d-4cb8a49eadd1.gif" alt="A5下载" />
							</a>
						</li>
						<li>
							<a href="http://www.ccb.com" target="_blank">
								<img src="/4.0/201501/6c57f398-0498-4044-80d8-20f6c40d5cef.gif" alt="中国建设银行" />
							</a>
						</li>
				</ul>
		</div>
	</div>
</div>
	<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=0"></script>
	<script type="text/javascript" id="bdshell_js"></script>
	<script type="text/javascript">
		document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date() / 3600000)
	</script>
</body>
</html>